<template>
    <view class="container">
        <view class="wrap">
            <bl-zero-timeline :dataList='dataList' gap='30px'></bl-zero-timeline>
        </view>
    </view>
</template>

<script>
	import blZeroTimeline from "@/components/bl-zero-timeline/bl-zero-timeline"
		
    export default {
		components: {
			blZeroTimeline
		},
        data() {
            return {
                dataList:[]
            }
        },
        created(){
            this.init()
        },
        methods: {
            init(){
                for(let i=0;i<10;i++){
                    const obj = { 
                        // time: `2023-11-1${i}`,
                        title: `feat:这是标题${i}`, 
                        content: `完成功能完成功能完成功能完成功能`,
                        sub: `补充内容`,
                        leftTime:`2023-11-1${i}`,
                        leftTitle: `11月1${i}日`,
                        leftContent: `开始\n|\n结束`,
                        color: '#11998e',
                    }
                    this.dataList.push(obj)
                }
            }
        }
    }
</script>